<!--
 * @,@Author: ,: your name
 * @,@Date: ,: 2020-11-03 09:24:36
 * @,@LastEditTime: ,: 2020-11-07 11:30:06
 * @,@LastEditors: ,: Please set LastEditors
 * @,@Description: ,: In User Settings Edit
 * @,@FilePath: ,: \management-system\src\views\runningLog\patrolLog\index.vue
 -->
<!-- 样式管理 -->
<template>
<div class="container">
    <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
</div>
</template>

<script>
export default {
    components: {},
    data() {
        return {
            data: [{
                    label: "卫生类",
                    children: [{
                            label: "清洗被套"
                        },
                        {
                            label: "清扫房间"
                        }
                    ],
                },
                {
                    label: "助餐类",
                    children: [{
                            label: "喝水"
                        },
                        {
                            label: "喂饭"
                        }
                    ],
                },
            ],
        };
    },
    methods: {
        handleNodeClick(data) {
            console.log(data);
        }
    },
    computed: {},
    watch: {},
    created() {},
    mounted() {},
    updated() {}, // 生命周期 - 更新之后
    beforeDestroy() {}, // 生命周期 - 销毁之前
    destroyed() {}, // 生命周期 - 销毁完成
    activated() {},
};
</script>

<style lang="scss" scoped>
.container {
    padding: 20px;
}
</style>
